@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';


body {
  //width: auto !important;
  //height: auto !important;
  //height: 100%;
  min-width: 1280px !important;
  min-height: 720px !important;
  overflow: overlay;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: alibaba-PuHuiTi !important;
  //font-weight: 400 !important;
}
*{
  font-family: alibaba-PuHuiTi !important;

}

label {
  font-weight: 700;
}

html {
  //height: 100%;
  box-sizing: border-box;

  //width: 100vw !important;
  //height: 100vh !important;

  //width: 1920px;
  //height: 865px;
  //overflow: hidden;
}

.el-tooltip__popper,
.is-dark {
  max-width: 60% !important;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

//.el-input--medium .el-input__inner{
//  height: 30px;
//  line-height: 30px;
//}
.text-center {
  text-align: center
}

.product_cancel_buttons {
  width: 100px;
  height: 30px;
  background-color: #ebf2ff !important;
  border-radius: 4px;
  font-size: 16px;
  color: #387bfc !important;
  padding: 0px;
  border: 1px solid #387bfc !important;
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

  .subtitle {
    font-size: 20px;
    color: #fff;
  }

  &.draft {
    background: #d0d0d0;
  }

  &.deleted {
    background: #d0d0d0;
  }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.el-input__inner {
  padding: 0 10px;
}

.main-container {
  width: 100%;
  height: 100%;

  .search_container {
    .el-input--medium .el-input__inner {
      width: calc(100% - 10px);
      height: 30px;
      line-height: 30px;
      margin-left: 10px;
      background-color: rgba(0, 0, 0, 0.03);
      border-radius: unset;
      padding-left: 10px;
    }

    .el-textarea__inner {
      padding-left: 10px;
    }

    .el-input {
      .el-select__caret {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }

  .middle_container {
    position: relative;

    .el-table {
      position: absolute;

      .menuName {
        text-align: left;

        .cell {
          margin-left: 30px;
        }
      }

      .menuHeaderName {
        text-align: center;
      }
    }

    .el-table__expand-icon {
      position: absolute;
      left: 15px;
    }
  }

  .left_container {
    .header_container {
      width: 100%;
      height: 58px;
      border-bottom: 2px solid #999999;
      display: flex;
      align-items: center;
      padding-left: 20px;
    }

    .down_container {}
  }

  .right_container {
    .header_container {
      width: 100%;
      height: 58px;
      border-bottom: 2px solid #999999;
      display: flex;
      align-items: center;
      padding-left: 20px;
    }

    .add_container {
      .add_item {
        .el-input {
          width: calc(100% - 20px);
        }

        .el-input--medium .el-input__inner {
          width: calc(100% - 10px);
          height: 30px;
          line-height: 30px;
          margin-left: 10px;
          background-color: rgba(0, 0, 0, 0.03);
          border-radius: unset;
        }

        .el-textarea.el-input--medium {
          width: calc(100% - 10px);
          height: 30px;
          line-height: 30px;
          margin-left: 10px;
          border-radius: unset;

          .el-textarea__inner {
            width: calc(100% - 20px);
            background-color: rgba(0, 0, 0, 0.03);
          }
        }

        .el-radio {
          margin-left: 10px;

          .el-radio__input {
            .el-radio__inner {
              background-color: unset;
            }
          }

          .is-checked {
            .el-radio__inner {
              background-color: #C2E4E9;
            }
          }
        }

        .el-radio.is-checked {
          .el-radio__label {
            color: black;
          }
        }

        .el-select {
          width: 100%;

          .el-select__caret {
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }

        .el-input__suffix {
          display: flex;
          justify-content: center;
          align-items: center;

          .el-select__caret {
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
      }
    }

    .table_container {
      position: relative;

      .el-table {
        position: absolute;
      }
    }
  }
}

.el-table__fixed::before,
.el-table__fixed-right::before {
  height: 0px;
}

.fileUpload_container {
  div {
    width: 100%;
    height: 100%;
  }

  img {
    width: 100%;
    height: 100%;
  }

  .el-upload {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.el-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-textarea__inner {
  font-size: 16px;
  color: #606266;

  font-weight: 400 !important;
  resize: none;
  padding-left: 10px;
}

.el-table .caret-wrapper {
  height: 20px;

  .sort-caret.ascending {
    top: -2px;
  }

  .sort-caret.descending {
    bottom: -1px;
  }
}

.main-container {
  display: flex;

  .search_container {
    //height: 116px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: calc(100% - 20px);

    .search_item {
      flex: 1;
      width: 33.33%;
      min-width: 33.33%;
      max-width: 33.33%;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 16px;

      .name {
        width: 88px;
        text-align: right;
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
      }

      .input {
        flex: 1;
        text-align: center;
        height: 30px;

        button {
          width: calc(100% - 10px);
          margin-left: 10px;
        }
      }

      .el-select {
        width: 100%;

        .el-select__caret {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }

      .el-input__suffix {
        display: flex;
        justify-content: center;
        align-items: center;

        .el-select__caret {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }

      .el-textarea.el-input--medium {
        height: 100%;
        width: 100%;
        margin-left: 10px;
        border-radius: unset;

        .el-textarea__inner {
          width: calc(100% - 10px);
          background-color: rgba(0, 0, 0, 0.03);
          height: 100%;
        }
      }

      .el-date-editor {
        width: 100%;

        .el-input__inner {
          padding-right: 10px;
        }

        .el-input__icon {
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .el-input__prefix {
          left: 10px;
        }

        .el-input__suffix {
          //display: none;
        }
      }
    }

    .remark {
      .input {
        height: 100%;
      }
    }
  }

  .left_container {
    width: 60.3%;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    border-right: 2px solid #333333;

    .middle_container {
      flex: 1;
      margin-top: 16px;
    }
  }

  .right_container {
    flex: 1;
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;

    .search_container {
      width: 100%;
      padding-bottom: 16px;
      border-bottom: 1px solid #D3D3D3;

      .search_item {
        .el-input__inner {
          padding-right: 0px;
        }

        .input {
          .el-input__prefix {
            display: none;
          }

          .el-input__suffix {
            display: unset;
          }
        }
      }

      .remark {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 60px;
        align-items: unset;

        //.name{
        //  display: flex;align-items: center;
        //  justify-content: flex-end;
        //}
        //.show{
        //  display: flex;align-items: center;
        //}
      }
    }

    .add_container {
      flex: 1;
      width: 100%;
      height: 0;
      display: flex;
      flex-direction: column;
      overflow-y: overlay;

      .add_container_header {
        display: flex;
        align-items: center;
        height: 30px;
        margin-top: 16px;
        padding-left: 20px;
        font-size: 16px;
        font-weight: bold;
      }

      .add_item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        margin-top: 16px;

        .name {
          width: 88px;
          font-size: 16px;
          font-weight: 400;
          color: #666666;
          line-height: 20px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
        }

        .input {
          flex: 1;
          text-align: left;
        }

        .show {
          flex: 1;
          margin-left: 20px;
          font-size: 16px;
          line-height: 20px;
          display: flex;
          align-items: center;
        }

        .textarea {
          flex: 1;
          text-align: left;
        }

        .el-select {
          .el-select__tags {
            padding-left: 10px;
          }
        }
      }

      .first_item {
        margin-top: 20px;
      }

      .first {
        margin-top: 5px;
      }
    }

  }
}

.el-select {
  width: 100%;
}

.bitian {
  color: red;
  margin-right: 5px;
}

.logo_container {
  img {
    background-color: #606266;
  }
}

.permission_item {
  .permission_div {
    .el-tree {
      background: unset;
    }

    .el-tree-node:focus>.el-tree-node__content {
      background-color: #C2E4E9;
    }

    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
      background-color: rgba(56, 123, 252, 1);
    }

    .el-tree-node__content {
      &:hover {
        background-color: #C2E4E9;
      }
    }
  }
}

.el-checkbox__input.is-focus {
  .el-checkbox__inner {
    border-color: #dcdfe6;
  }
}

.dictDetail {
  .addRow {
    td {
      background-color: transparent !important;
    }

    td:hover {
      background-color: transparent !important;
    }
  }

  .addRow.hover-row {
    background-color: transparent !important;
  }
}

//滚动条的宽度
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 5px;
}

.main3_container {
  width: 100%;
  height: 100%;

  .padding_container {
    padding: 40px;
    width: fit-content;

    .inner_container {
      background-color: rgba(255, 255, 255, 0.3);
      border: 1px dashed rgba(0, 0, 0, 0.3);

      .item {
        padding: 20px 20px 0px 20px;
        width: 240px;
        height: 70px;

        .item1 {
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.05);
          display: flex;

          svg {
            width: 17px;
            height: 17px;
            color: #333333;
          }
        }

        .item1:hover {
          background-color: #C2E4E9;
        }

        .icon {
          width: 58px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
        }

        .name {
          width: 142px;
          font-size: 16px;
          padding-left: 20px;
          display: flex;
          align-items: center;
        }
      }

      .item:last-child {
        height: 90px;
        padding-bottom: 20px;
      }
    }
  }

}

.main4_container {
  width: 100%;
  height: 100%;

  .main_header {
    width: 100%;
    height: 50px;
    background-color: #4A4D52;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;

    .padding_container {
      width: 100%;
      padding: 0px 15px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      .left {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .right {
        display: flex;

        .button_item {
          font-size: 16px;

          .button_item_padding {
            padding: 0px 15px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
          }

          .button_item_padding:hover {
            background-color: rgba(97, 99, 102, 1);
          }

          .svg-icon {
            margin-right: 10px;
            width: 16px;
            height: 16px;
          }
        }
      }
    }
  }


  .main_main {
    height: calc(100% - 50px);
    width: 100%;
    display: flex;
    padding: 00px 0px 40px 0px;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;

    .padding_container {
      width: 240px;
      margin-left: 40px;
      margin-top: 40px;

      .header_container {
        width: 240px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.55);
      }

      .inner_container {
        background-color: rgba(255, 255, 255, 0.3);
        border: 1px dashed rgba(0, 0, 0, 0.3);

        .item {
          padding: 20px 20px 0px 20px;
          width: 240px;
          height: 70px;

          .item1 {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.05);
            display: flex;

            svg {
              width: 17px;
              height: 17px;
              color: #333333;
            }
          }

          .item1:hover {
            background-color: #C2E4E9;
          }

          .icon {
            width: 58px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
          }

          .name {
            width: 142px;
            font-size: 16px;
            padding-left: 20px;
            display: flex;
            align-items: center;
          }
        }

        .item:last-child {
          height: 90px;
          padding-bottom: 20px;
        }
      }
    }
  }




}


.hidden {
  border: 0px !important;
  background: unset !important;
}

.hidden:hover {
  background: unset !important;
}

.infinite-status-prompt {
  display: none;
}

.search_container {
  .search_item {
    .show {
      text-align: left !important;
      margin-left: 20px;
    }
  }
}

.app-main {
  height: 0;
}

.el-input__prefix {
  display: none;
}


.table_container {
  width: 100%;
  flex: 1;

  .red {
    color: red;
  }
}

.TimeRangeSearch_container {
  height: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;

  .el-date-editor {
    flex-direction: column;
  }

  .none {
    display: none !important;
  }

  .toClass {
    font-size: 8px;
    padding-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .el-range-input {
    padding-left: 10px;
    font-size: 12px;
    width: 80%;
    background-color: transparent;
    text-align: left;
  }

  .el-range-editor--medium.el-input__inner {
    height: 30px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .el-range__close-icon {
    position: absolute;
    right: 0px;
  }
}

.TimeRangeSearch_container2 {
  .el-date-editor {
    padding: 3px 0 !important;

    .el-range__icon {
      display: none !important;
    }
  }

  .none {
    display: none !important;
  }

  .el-range-input {
    // padding-left: 10px;
    font-size: 13px;
    width: 70%;
    background-color: transparent;
    text-align: center;
  }

  .el-range__close-icon {
    margin-right: 5px;
  }

  .el-range-separator {
    padding: 0 5px;
    font-size: 13px;
    color: rgba(102, 102, 102, .5);

  }
}

.TimeRangeSearch_popper {
  .el-button {
    width: 200px;
    height: 30px;
    padding: 7px 15px;

    background-color: rgba(56, 123, 252, 1);
    color: white;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 6px;
  }

  .el-button:hover {
    background-color: rgba(56, 123, 252, 0.5);
  }

  .el-button--text {
    display: none;
  }

  .el-scrollbar:nth-of-type(2) {
    display: none;
  }

  .el-time-panel {
    width: 120px;
  }

  .el-time-spinner__wrapper {
    width: 100%;
  }
}

.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
  th {
    text-align: center;
    font-weight: normal !important;
  }

  thead {
    background-color: #e1e6ed !important;
    color: black;
    height: 50px;
  }

}

.el-table {
  /* 表格字体颜色 */
  color: black;
  /* 表格边框颜色 */
  /* border: 0.5px solid #758a99; */
  background-color: transparent;
  font-size: 16px;

  //.el-input__suffix{
  //  display: none;
  //}
  .el-input__inner {
    padding-right: 30px;
    padding-left: 10px;
    text-align: center;
  }

  label {
    font-weight: unset;
  }
}


/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
  border: 0;
  background-color: transparent;
  text-align: center;
}

/* 双数行背景颜色 */
.el-table--stripe borderd .el-table__body tr.el-table__row--stripe borderd td {
  background-color: rgba(0,0,0, 0.03)
}

/* 删除表格下横线 */
.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}

/* 用来设置当前页面element全局table 选中某行时的背景色*/
//.el-table__body tr.current-row > td {
//  background-color: #e9f3ff !important;
//}

/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/
.el-table--enable-row-hover .el-table__body tr:not(.rowSelected):hover>td {
  background-color: #e9f3ff !important;
}

//.el-table__row.hover-row{
//  background-color: #e9f3ff !important;
//  td{
//    background-color: transparent !important;
//  }
//}
.el-table th.el-table__cell {
  background-color: transparent;
  //background-color: white;
}

.el-table--stripe borderd .el-table__body tr.el-table__row--stripe borderd td.el-table__cell {
  background: rgba(0,0,0,0.03);
  //background: transparent;
}

.el-table .el-table__cell:not(.is-center):not(.is-right) {
  text-align: left !important;
}

.el-table__fixed-body-wrapper {
  .el-table__cell {
    background-color: white;
  }
}

.el-table__fixed-right {
  height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式
  bottom: 8px; // 固定列默认设置了定位，    position: absolute;top: 0;left: 0;只需要再设置一下bottom的值，让固定列和父元素的底部出现距离即可
}

.CustomSelect_Popper {
  padding: 2px;
  background-image: url("../assets/images/main_background.png");

  .CustomSelect_middle_container {
    height: 400px;
    width: 100%;

    .el-table {
      height: 100%;
    }
  }
}

.productionProcessTable {
  .el-table__cell {
    height: 44px;
  }
}

.right_container {
  .el-date-editor {
    .el-input__prefix {
      display: none;
    }

    .el-input__suffix {
      display: unset;
    }

    input {
      padding-left: 10px;
    }
  }
}

.el-picker-panel {
  .el-picker-panel__footer {
    .el-button {
      width: 120px;
      height: 30px;
      padding: 7px 15px;
      background-color: rgba(56, 123, 252, 1);
      color: white;
      font-size: 16px;
      letter-spacing: 6px;
    }

    .el-button:hover {
      background-color: rgba(56, 123, 252, 0.5);
    }
  }
}

.el-picker-panel {
  .isNeedDate {
    color: red;
    font-weight: bold;
  }
}

.CustomSelect_container {
  .el-input__suffix {
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;

    .el-input__icon {
      height: 30px !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

.CustomSelect_container.inTableRowSelect {
  .el-input__suffix {
    height: 36px !important;

    .el-input__icon {
      height: 36px !important;
    }
  }
}

.dictDetail {
  height: 300px !important;

  .el-input__suffix {
    height: 36px !important;

    .el-input__icon {
      height: 36px !important;
    }
  }

  .el-table--medium {
    height: 100% !important;
  }

  .el-input {
    width: 70px !important;
  }
}

.app-main {
  .expanded_Table {
    .el-table__expanded-cell {
      padding: 0px;
      background-color: rgba(0, 0, 0, 0.08);
    }
  }
}

.hidden_checkbox {
  div {
    display: none;
  }
}

.FileManage_container_popover {
  .popover_container {
    .popover_item {
      padding-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;

      .name {
        width: 60%;
      }
    }

    .popover_item:first-child {
      padding-top: unset;
    }
  }

}

.FileManageFull_container {
  .FileItem_container {
    margin-top: 0px !important;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.el-select__input {
  margin-left: 10px;
}

.el-divider {
  margin: 0px 20px 20px 20px;
}

img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /*Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

.el-table {
  .sort-caret.ascending {
    border-bottom-color: #666666;
  }

  .sort-caret.descending {
    border-top-color: #666666;
  }
}

.main_main_search_item {
  .el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 4px;
    background-color: white;
    border: 1px solid rgba(186, 203, 236, 1);
  }

  .el-date-editor {
    .el-input__inner {
      padding-left: 10px;
      //padding-right: 0px;
    }

    width: 100%;
  }

  .el-input__suffix {
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;

    .el-input__icon {
      height: 30px !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .value {
    width: 100%;
  }
}

.el-table--medium .el-table__cell {
  padding: 0px;
}

.main_container {
  width: 100%;
  height: 100%;
}

.pagination-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px !important;

  .hasSelected {
    color: #666666;
    font-size: 14px !important;
  }

  button {
    background-color: transparent !important;
  }

  .el-icon {
    color: rgba(102, 102, 102, 1) !important;
  }

  .el-pager li:not(.disabled).active {
    background-color: rgba(56, 123, 252, 1) !important;
    color: white !important;
  }
}


.el-select-dropdown:not(.is-multiple) {
  .el-select-dropdown__item.selected {
    background-color: rgba(56, 123, 252, 1) !important;
    color: white !important;
  }
}

.el-select-dropdown__item.hover:not(.is-disabled) {
  background-color: rgba(56, 123, 252, 0.5);
  color: white;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: rgba(56, 123, 252, 0.5) !important;
}

.el-pagination span:not([class*=suffix]),
.el-pagination button {
  font-size: 16px;
}

.vl-notify-mask {
  background-color: rgba(43, 43, 43, 1) !important;
  opacity: 0.3 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
  background-color: rgba(56, 123, 252, 1) !important;
  color: white;
  font-weight: unset;
  height: 40px;

  .icon-remove {
    color: white !important;
  }
}

.vl-notify {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px !important;
  border: 0px !important;
  border-radius: 6px !important;

  .vl-notify-content {
    flex: 1;
    padding: 0px !important;
    height: calc(100% - 50px) !important;

    .table_container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}

.el-button--default,
.el-button--default:hover,
.el-button--default:focus {
  width: 100px;
  height: 30px;
  background-color: rgba(56, 123, 252, 1);
  border-radius: 4px;
  font-size: 16px;
  color: white;
  padding: 0px;
}

.el-button--default:hover {
  background-color: rgba(56, 123, 252, 0.5);
}

.el-button--text,
.el-button--text:hover,
.el-button--text:focus {
  color: rgba(56, 123, 252, 1);
}

.el-button--small {
  padding: 0px;
}

.el-button--cancel,
.cancelConfirm {
  width: 100px;
  height: 30px;
  background-color: rgba(235, 242, 255, 1);
  border-radius: 4px;
  font-size: 16px;
  color: rgba(56, 123, 252, 1);
  padding: 0px;
  border: 1px solid rgba(56, 123, 252, 1);
}

.el-button--cancel:hover,
.cancelConfirm:hover {
  background-color: rgba(235, 242, 255, 0.5);
  border: 1px solid rgba(56, 123, 252, 0.5);
  color: rgba(56, 123, 252, 1);
}

.el-button--reject,
.el-button--reject:focus {
  width: 100px;
  height: 30px;
  background-color: rgba(234, 99, 99, 1);
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0px;
  border: 1px solid rgba(234, 99, 99, 1);
}

.el-button--reject:hover {
  background-color: rgba(234, 99, 99, 0.5);
  border: 1px solid rgba(234, 99, 99, 0.5);
  color: #FFFFFF;
}


.el-button--delete,
.el-button--delete:focus {
  width: 100px;
  height: 30px;
  background-color: rgba(234, 99, 99, 1);
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0px;
  border: 1px solid rgba(234, 99, 99, 1);
}

.el-button--delete:hover {
  background-color: rgba(234, 99, 99, 0.5);
  border: 1px solid rgba(234, 99, 99, 0.5);
  color: #FFFFFF;
}

.AddOrUpdate_main {
  .main_main {
    .el-form-item {
      //height: 30px;
      display: flex;

      margin-left: 20px;
      margin-right: 20px;

      height: fit-content !important;
    }

    .el-form-item__label {
      height: 30px;
      width: 120px;
      line-height: 30px;
      font-size: 16px;
      font-weight: 400;
      color: #666666;
    }

    .el-form-item__content {
      height: fit-content !important;
      line-height: 30px;
      width: calc(100% - 120px);

      .show {
        padding-left: 10px;
      }

      .el-input__inner {
        height: 30px;
        line-height: 30px;
      }

      .el-date-editor {
        width: 100%;

        .el-input__inner {
          padding-left: 10px;
        }
      }

      .el-range-editor {
        width: unset;

        .el-range-input {
          text-align: left;
        }
      }
    }

    .el-form-item.full,
    .el-form-item.remark {
      .el-form-item__content {
        width: 685px;
      }
    }

    .el-form-item.remark {
      height: 54px;
    }

    .clickChoose {
      .el-form-item__content {
        display: flex;

        .clickChoose_button {
          width: 30px;
          background-color: rgba(56, 123, 252, 1);
          display: flex;
          justify-content: center;
          align-items: center;
          color: white;
          border-radius: 0 4px 4px 0;
        }

        .clickChoose_button:hover {
          background-color: rgba(56, 123, 252, 0.5);
        }
      }

      .el-input__inner {
        border-radius: 4px 0 0 4px;
      }
    }

    .formItem_header {
      font-size: 18px;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .formItem_header_operate {
        display: flex;

        .formItem_header_operate_item {
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0px 10px;
          font-size: 16px;
          margin-left: 10px;
          border-radius: 4px;
          color: rgba(56, 123, 252, 1);
          background-color: rgba(235, 242, 255, 1);

          .item_name {
            font-size: 16px;
            padding-left: 10px;
          }
        }

        .formItem_header_operate_item:hover {
          background-color: rgba(235, 242, 255, 0.5);
        }

        .delete {
          color: rgba(255, 70, 70, 1);
          background-color: rgba(235, 242, 255, 1);
        }

        .delete:hover {
          background-color: rgba(235, 242, 255, 0.5);
        }
      }
    }

    .table_container {
      .el-input__inner {
        height: 30px;
        line-height: 30px;
        text-align: left;
      }
    }
  }
}

.table_container {
  .el-divider {
    background-color: #333333;
    margin: 5px 3px;
  }

  .el-button--text {
    margin-left: 0px;
    margin-right: 0.5px;
    font-size: 16px;
  }

  .el-button--text::after {
    content: " 丨 ";
    color: rgba(206, 206, 206, 1);
  }

  .el-button--text:last-child::after {
    content: "";
  }

  .el-form-item {
    //height: 30px;
    display: flex;

    margin-left: 20px;
    margin-right: 20px;

    height: fit-content !important;
  }

  .el-form-item__label {
    height: 30px;
    width: 120px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
  }

  .el-form-item__content {
    height: fit-content !important;
    line-height: 30px;
    width: calc(100% - 160px) !important;

    .show {
      padding-left: 10px;
    }

    .el-input__inner {
      height: 30px;
      line-height: 30px;
    }

    .el-date-editor {
      width: 100%;

      .el-input__inner {
        padding-left: 10px;
      }
    }
  }

  .el-date-editor {
    width: 100%;

    .el-input__inner {
      padding-left: 10px;
    }
  }
}

.main_container {

  //display: flex;flex-direction: column;
  .main_header {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;

    .padding_container {
      width: 100%;
      padding: 0px 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      .left {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .right {
        display: flex;

        .button_item {
          font-size: 16px;
          color: rgba(51, 51, 51, 1);

          .button_item_padding {
            padding: 0px 15px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
          }

          .button_item_padding:hover {
            background-color: rgba(56, 123, 252, 0.5);
            color: white;
          }

          .button_item_padding:active {
            background-color: rgba(56, 123, 252, 1);
          }

          .svg-icon {
            margin-right: 10px;
            width: 16px;
            height: 16px;
          }
        }
      }
    }
  }

  .main_main {
    //flex: 1;
    height: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    background: white;
    margin: 0px 20px;

    .main_main_search {
      padding: 0px 30px 0px 0px;
      display: flex;
      flex-wrap: wrap;

      .main_main_search_item {
        display: flex;
        height: 30px;
        width: 301.5px;
        margin-top: 20px;
        padding-left: 30px;
        color: rgba(102, 102, 102, 1);
        font-size: 16px;

        .name {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding-right: 10px;
          white-space: nowrap;
          width: 95px;
          overflow: hidden; //超出的文本隐藏
          text-overflow: ellipsis; //溢出用省略号显示
          white-space: nowrap; //溢出不换行
        }

        .value {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;

          .el-input__inner {
            border: 1px solid rgba(186, 203, 236, 1);
          }
        }
      }

      .main_main_search_item:last-child {
        margin-left: auto;
        justify-content: flex-end;
        padding-left: 0px;
        width: 250px;

        .button {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100px;
          height: 30px;
          color: white;
          background-color: rgba(56, 123, 252, 1);
          border-radius: 4px;
        }

        .button:first-child {
          margin-right: 20px;
        }

        .button:hover {
          background-color: rgba(56, 123, 252, 0.5);
        }
      }
    }

    .table_container {
      margin-top: 20px;
      flex: 1;

      .el-table__fixed-right {
        .el-table__row {
          td {
            //background-color: white;
            //background-image: url("../assets/images/tableOneBackground.png") !important;
          }
        }

        .el-table__row--stripe borderd {
          td {
            background: rgb(247, 247, 247);
            //background-color: white;
            //  background-image: url("../assets/images/tableTwoBackground.png") !important;
          }
        }
      }
    }
  }

  .main_bottom {
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.add_container {
  display: flex;
  flex-direction: column;

  .main_main {
    flex: 1;
    overflow-y: overlay;

  }

  .main_bottom {
    padding: 0px 20px;
    height: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .el-button {
      margin-left: 20px;
    }

    box-shadow: 0px 0px 6px 0px rgba(29, 65, 134, 0.18);
    border-top: 1px solid rgba(29, 65, 134, 0.18);
  }

  .el-select {
    .el-input__inner {
      height: 30px !important;
    }
  }

  .el-input__suffix {
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;

    .el-input__icon {
      height: 30px !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }


  .el-table__fixed-right {
    background-color: white;
    bottom: 0px;

    .el-table__row {
      td {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      }
    }

    .el-table__row--stripe borderd {
      td {
        //background-image: url("../assets/images/tableTwoBackground_add.png") !important;
      }
    }

    .hover-row {
      background-color: unset !important;

      td {
        background-image: none !important;
        background-color: unset !important;
      }
    }

    .addRow {
      td {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      }

      td:hover {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      }

      .el-table__cell {
        border-bottom: 0px;
      }
    }

    .addRow.hover-row {
      background-color: unset !important;

      //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      .el-table__cell {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
        background-color: unset !important;
      }
    }
  }

  .el-table__body-wrapper {

    .addRow {
      td {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      }

      td:hover {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      }

      .el-table__cell {
        border-bottom: 0px;
      }
    }

    .addRow.hover-row {
      background-color: unset !important;

      //background-image: url("../assets/images/tableOneBackground_add.png") !important;
      .el-table__cell {
        //background-image: url("../assets/images/tableOneBackground_add.png") !important;
        background-color: unset !important;
      }
    }

  }
}

.batchOperation {
  width: 115px;
  background-color: white;
  padding: 0px;

  .popper__arrow::after {
    border-bottom-color: #4a4d52 !important;
  }

  .item {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .button_item {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);

    .button_item_padding {
      padding: 0px 10px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 4px;

      .button_item_padding_name {
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

    .button_item_padding:hover {
      background-color: rgba(56, 123, 252, 0.5);
      color: white;
    }

    .button_item_padding:active {
      background-color: rgba(56, 123, 252, 0.5);
    }

    .svg-icon {
      margin-right: 10px;
      width: 16px;
      height: 16px;
    }
  }
}

.el-popover {
  min-width: unset;
}


.el-form--inline {
  display: flex;
  flex-wrap: wrap;
}

.standing-add {
  display: flex;
  position: relative;

  .add-input {
    width: 300px;
  }

  a {
    width: 30px;
    position: absolute;
    top: 0;
    right: -30px;
  }
}

.add_container_table {
  .main_main {
    padding: 0px;

    .form_padding {
      padding: 00px 20px 0px 20px;
    }

    .main_main_button {
      padding-left: 20px;
      margin-bottom: 10px;
    }
  }

  .el-icon-remove {
    font-size: 25px;
    color: red;
    height: 100%;
    width: 100%;
    border: 0px;
    background-color: transparent;
  }

  .el-icon-circle-plus {
    font-size: 25px;
    color: green;
    height: 100%;
    width: 100%;
    border: 0px;
    background-color: transparent;
  }

  .el-input__inner {
    height: 30px;
    line-height: 30px;
  }
}

.user_container {
  .el-tree-node__content {
    height: 40px;

    //display: flex;align-items: center;justify-content: flex-start;
    //width: 100%;
    .tree-node {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .node_operate {
      display: flex;
      align-items: center;

      .node_operate_item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
      }
    }

    .el-tree-node__children {
      background-color: transparent;
    }
  }

  .main_main_left_top.active {
    .el-tree-node__content {
      background-color: rgba(194, 228, 233, 0.5);
    }
  }

  .main_main_right {
    .main_main_right_header {
      height: 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid rgba(51, 51, 51, 0.5);
    }

    .table_container {
      margin-top: 0px;
      flex: unset;
      height: calc(100% - 100px);
    }
  }
}

.el-tab-pane {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.add_container {
  display: flex;
  flex-direction: column;
  width: 100%;

  .main_main {
    flex: 1;
    overflow-y: overlay;
    padding-top: 20px;

    .show {
      padding-left: 10px;
    }
  }

  .main_bottom {
    padding: 0px 20px;
    height: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .el-button {
      margin-left: 20px;
    }
  }

  .el-select {
    .el-input__inner {
      height: 30px !important;
    }
  }

  .el-input__suffix {
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;

    .el-input__icon {
      height: 30px !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

el-tabs--top {
  width: 800px !important;
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 15px !important;
}

.el-tabs--top .el-tabs__item.is-top:last-child {
  padding-right: 20px !important;
}

.el-tabs__header :hover {
  //color: #333333;
}

.el-tabs__nav-wrap::after {
  display: none;
}

.el-tabs__nav-wrap {
  border-bottom: 1px solid rgba(236, 236, 236, 1);

  .el-tabs__active-bar {
    display: none;
  }


  .el-tabs__item:hover {
    //background-color: rgba(56, 123, 252, 0.5) !important;
    color: rgba(56, 123, 252, 1) !important;
  }

  .el-tabs--top .el-tabs__item.is-top:hover {
    color: #333333;
  }

  .el-tabs__nav-scroll {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

.el-input__suffix-inner {
  display: flex;
}

.add-box {
  display: flex;
}

.vl-notice-title {
  border-bottom: 0px !important;
}


.el-table__row {
  height: 44px;

  .el-table__cell {
    padding: 0px;
  }
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: rgba(56, 123, 252, 1);
  color: white;
}

.el-tree-node__children {
  padding: 1px 0px;
}

.role_container {
  .el-tree-node__content {
    height: 35px;

    .tree-node {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .node_operate {
      display: flex;
      align-items: center;
      padding-right: 20px;

      .name {
        padding-right: 20px;
      }
    }
  }
}

.typeChoose {
  .el-form-item__content {
    width: 300px !important;
    display: flex;

    .add-input {
      width: 300px !important;
    }

    .clickChoose_button {
      padding-left: 10px;
    }
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.el-input__validateIcon {
  display: none !important;
}

.el-table__fixed-body-wrapper {
  background-blend-mode: overlay;
}

.el-table__body-wrapper {
  //overflow-x: overlay !important;
}


.el-breadcrumb {
  color: rgba(51, 51, 51, 1);
  line-height: unset !important;
}

.el-input__inner:focus {
  border: 1px solid rgba(56, 123, 252, 1) !important;
}

.el-textarea__inner:focus {
  border: 1px solid rgba(56, 123, 252, 1) !important;
}

.navMenu_popper {
  .menu_item_container {
    .menu_item_container_item {
      padding-top: 20px;
    }

    .menu_item_container_item_title {
      font-size: 16px;

    }

    .menu_item_container_item_separate {
      width: 100px;
      height: 1px;
      background-color: rgba(56, 123, 252, 1);
      margin: 10px 0px;
    }


    .menu_item_container_item_container {
      display: flex;
      flex-wrap: wrap;
    }

    .menu_item_container_item_container_item {
      padding-right: 10px;
      width: 150px;
    }

    .menu_item_container_item_container_item_link {
      display: flex;
      align-items: center;
      border-radius: 4px;
      height: 30px;
      width: fit-content;
      margin-bottom: 10px;

      .menu_item_container_item_container_item_icon {
        width: 36px;
        color: rgba(102, 102, 102, 1);
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .menu_item_container_item_container_item_name {
        padding-right: 10px;
        font-size: 15px;
        max-width: 140px;
        height: 30px;
        line-height: 30px;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        white-space: nowrap; //溢出不换行
      }
    }

    .menu_item_container_item_container_item_link:hover,
    .menu_item_container_item_container_item_link.active {
      background-color: rgba(56, 123, 252, 0.1);
    }

  }
}

.el-breadcrumb__item:last-child {
  .el-breadcrumb__inner {
    color: rgba(56, 123, 252, 1);
  }
}

.el-dropdown-menu {

  .el-dropdown-menu__item:hover {
    background-color: rgba(56, 123, 252, 0.5);
    color: white;
  }
}

//.el-dropdown-menu,.el-picker-panel{
//.el-dropdown-menu,.el-select-dropdown:not(.pagination-popper),.el-picker-panel{
//  min-width: 100px;
//  position: absolute !important;
//  top: 34px !important;
//  left: 0 !important;
//}
//.el-picker-panel{
//  left: -30px !important;
//}
//.batchOperation{
//  position: absolute !important;
//  top: 90px !important;
//  left: unset !important;
//  right: 128px !important;
//}
.el-form-item {
  .el-form-item__label::before {
    content: " ";
    margin-right: 10px;
  }
}

.el-form-item__label {
  text-align: left !important;
}

.addRow_table {
  padding: 0;
  width: 100%;

  .cell {
    .el-input__inner {
      text-align: left;
      height: 30px;
      line-height: 30px;
    }
  }
}

.el-range-separator {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.el-range-editor .el-input__icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.el-tabs:not(.saleSummaryReport_tab) {
  flex: 1;
  overflow-y: overlay;

  .el-tabs__header {
    background-color: white;
    border: 0px !important;
  }

  .el-tabs__content {
    height: calc(100% - 60px);
    padding: 0px;

    .el-tab-pane {
      height: 100%;
      //overflow-y: overlay;
    }
  }

  .el-tabs__item.is-active {
    font-size: 16px;
    color: rgba(51, 51, 51, 1) !important;
  }

  .el-tabs__item.is-active::after {
    content: "";
    position: absolute;
    left: 12.5%;
    width: 75%;
    height: 4px;
    background-color: rgba(56, 123, 252, 1);
    bottom: 0px;
    border-radius: 4px;
  }

  .el-tabs__item {
    font-size: 16px;
    color: rgba(153, 153, 153, 1);
    border: 0px !important;
  }

}

.el-input-number {
  width: 100%;

  .el-input__inner {
    padding-left: 10px;
    text-align: left;
  }

  .el-input-number__increase {
    height: 14px !important;
    line-height: 14px !important;
    top: 3.5px !important;
    right: 2px !important;
  }

  .el-input-number__decrease {
    height: 14px !important;
    line-height: 14px !important;
    bottom: 4px !important;
    right: 2px !important;
  }

}

.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
  .el-table__cell {
    .cell {
      overflow: hidden; //超出的文本隐藏
      text-overflow: ellipsis; //溢出用省略号显示
      white-space: nowrap; //溢出不换行
      height: 40px;
      display: flex !important;
      justify-content: flex-start;
      align-items: center;
    }
  }
}

.el-table .el-table__cell.is-right {
  .cell {
    justify-content: flex-end;
  }
}

.el-table__cell.is-center {
  .cell {
    justify-content: center !important;
  }
}

.el-table-column--selection {
  .cell {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center !important;
  }
}

.el-table__footer-wrapper {
  .el-table__cell {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.popover_notification {
  padding: 0 !important;
}

.barcode_notification {

  //height: 200px;
  img {
    width: 100%;
    height: 100%;
  }

  .showBarcode_name {
    text-align: center;
  }
}

.el-table__body .el-table__row:not(.rowSelected).hover-row td {
  background-color: #e9f3ff !important;
}

.el-table__body .el-table__row.rowSelected {
  background-color: rgba(56, 123, 252, 1) !important;
  color: white !important;

  td.el-table__cell {
    background-color: transparent !important;
  }
}

.pageSetting_container {
  .el-input-number__decrease {
    height: 14px !important;
    line-height: 14px !important;
    bottom: 2px !important;
    right: 2px !important;
  }

  .el-input-number__increase {
    height: 14px !important;
    line-height: 14px !important;
    top: 2px !important;
    right: 2px !important;
  }
}


.layout_content {
  .el-dropdown-menu {
    .el-dropdown-menu__item {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove {
  right: 20px !important;
  font-size: 22px !important;
}

.column_one {
  .el-form-item {
    width: 100%;
  }
}

.column_two {
  .el-form-item {
    width: calc(50% - 40px);
  }

  .double {
    width: 100%;
  }
}

.column_three {
  .el-form-item {
    width: calc(33.33% - 40px);
  }

  .double {
    width: 100%;
  }
}

.showDetail {
  margin-bottom: 10px;

  .main_main {
    padding-top: 0;
  }

  .el-form-item {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(105, 105, 105, 0.2);

    .el-form-item__label::before {
      margin-right: 0;
    }

    .el-form-item__content {
      word-break: break-all;
    }

    .el-form-item__label {
      height: 50px;
      line-height: 50px;
    }

    .show {
      height: 50px;
      display: flex;
      align-items: center;
    }
  }

  .table_container {
    padding-top: 20px;
  }
}

.button_grey {
  color: rgba(105, 105, 105, 0.3);
  border: 0px;
  margin-right: 2px;
}

.button_grey:hover,
.button_grey:active,
.button_grey:focus {
  color: rgba(105, 105, 105, 0.3);
}

.PageConfiguration_chooseWidth {
  padding: 24px;
}

.notification_popover {
  z-index: 499 !important;
}

// 处理下拉框中抖动
.el-select .el-input__inner {
  vertical-align: bottom !important;
}

.echarts_noData {
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 65px;
}

.echarts_container {
  width: 100%;
  height: 100%;
}

.user_dropdown {
  .el-dropdown-menu__item {
    min-width: 90px;
  }
}

.el-select-dropdown {
  width: auto;
}

.showWindowTip {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 20px;
  background-color: rgba(255, 248, 230, 0.5) !important;

  .el-alert__closebtn {
    position: unset;
    margin-left: 10px;
  }
}

.el-table__header {
  .column_bt {
    .cell::before {
      content: "*";
      color: #ff4949;
      margin-right: 2px;
    }
  }
}

.flex_item2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}

.top_notice {
  margin: 10px 20px 0;
  background-color: white;
  font-size: 16px;
  height: 25px;
  display: flex;
  align-items: center;
}
.jlink-components-multipleSelect{
  .el-select__tags{
    flex-wrap: nowrap;
    overflow:hidden;
  }
  .el-tag__close{
    display: none;
  }
}
   .processFlowClass{
     .el-input{
      .el-input__inner{
         padding-right: 10px !important;
       }
     }
  }
.showCAD_class{
  .vl-notify-content{
    overflow: hidden !important;
  }
}
.tableColumnEmpty{
  border-right: 0 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  background: #eef0f4;
}
.selectedRow .el-table__cell{
  background: transparent !important;
}
.el-table--border .el-table__cell{
  border-right: 1px solid rgba(197, 197, 197,0.5);
}

.plTableBox{
  .el-table tr{
    background-color: transparent !important;
  }
  .el-table th{
    background-color: transparent !important;
  }
   .el-table thead{
    color: unset;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td{
    background-color: #eef0f4;
  }
  .el-table--border td, .plTableBox .el-table--border th, .plTableBox .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
    border-right: 1px solid rgba(197, 197, 197,0.5);
  }
  .elx-table.border--default .elx-table--header-wrapper, .elx-table.border--full .elx-table--header-wrapper, .elx-table.border--outer .elx-table--header-wrapper{
    background-color: #e1e6ed !important;
  }
  .el-table--border th.is-leaf .cell{
    padding-left: 6px;
  }
}
.elx-table--tooltip-wrapper{
  z-index: 1001 !important;
}
